/**
 * DOM 操作封装
 */

/* 通过id获取dom */
function getById(id) {
    return document.querySelector(id)
}

/* 通过类名获取dom */
function getByClass(className) {
    return document.querySelectorAll(className)
}
/* 获取dom节点*/
function getqs(element){
    return document.querySelector(element)
}

function getqsA(element){
    return document.querySelectorAll(element)
}
let local=require('./local.js')
/* dom加载完毕 */
function ready(callback) {
    /* 
    文档加载事件:
        onload: 当页面所有资源(html,css,img,video,...)加载完成后,才执行js代码
        onDOMContentLoaded: 只要html结构加载完成,就可以执行js代码
    
    */
    window.addEventListener('DOMContentLoaded', function () {
        callback()//调用方法  调用传入的方法
    })
}
function islogin(){
    let token=localStorage.getItem('pwd')||'';
    if(token.length==0)window.location.href='login.html'
}
function getFooter(s){
    getqs('footer').innerHTML=` <ul>
    <!-- 首页 -->
    <li class="home">
        <a href="home.html" class="${s=='home'?'active':''}">
            <span class="icon iconfont">&#xe62d;</span>
            <div class="name">首页</div>
        </a>
    </li>
    <!-- 运动 -->
    <li class="sport">
        <a href="sport.html"class="${s=='sport'?'active':''}">
        <span class="icon iconfont">&#xe611;</span>
        <div class="name">运动</div>
    </a>
    </li>
    <!-- 圈子 -->
    <li class="circle">
        <a href="circle.html"class="${s=='circle'?'active':''}">
        <span class="icon iconfont">&#xe606;</span>
        <div class="name">圈子</div>
    </a>
    </li>
    <!-- 我的 -->
    <li class="me">
        <a href="me.html"class="${s=='me'?'active':''}">
        <span class="icon iconfont">&#xe70b;</span>
        <div class="name">我的</div>
    </a>
    </li>
</ul>`
}


// 暴露出去
module.exports = {
    getById,
    getByClass,
    ready,
    getqs,
    getqsA,
    getFooter,
    islogin
    
}
